import React from 'react'
import { Descriptions } from 'antd'
import loadingImg from '@/assets/loading.png'
import styles from './loading.less'

const TeShuReport = props => {
  if (!props.teshuData?.resp_data)
    return (
      <div className={styles.loading}>
        <img src={loadingImg} />
      </div>
    )

  return (
    <>
      <h1>特殊关注名单：</h1>
      {props.teshuData?.resp_data?.result_code_desc ? (
        <Descriptions bordered>
          <Descriptions.Item label="是否命中">
            {props.teshuData?.resp_data?.result_code_desc || '-'}
          </Descriptions.Item>
        </Descriptions>
      ) : (
        <div className={styles.loading}>
          <img src={loading} />
        </div>
      )}
    </>
  )
}

export default TeShuReport
